<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<title>尧里</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/font-oswald.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/personal.css"/>
	<link rel="stylesheet" type="text/css" href="css/mobile.css"/>
</head>
<body>
	<!-- 标题 -->
	<div class="banner_item">
		<img class="banner" src="img/banner_join.jpg" alt="" >
		<div class="item_title" style="top: 60%;">
			<h4>欢迎加盟尧里</h4>
			<p>Welcome to join yaoli</p>
		</div>
	</div>
	<!-- 加盟流程 -->
	<div class="join_step common_width">
		<div class="title_l">
			<h2 class="h2">加盟流程<i></i></h2>
		</div>
		<div class="clearfix">
			<div class="join_item porson fl">
				<h4 class="name">针对个人房东：(仅限个人合法拥有的房屋)</h4>
				<ul class="list_join">
					<li>
						<p class="step">第一步</p>
						<p class="text">签订租房合同、交付保证金(合作到期后退还)；</p>
					</li>
					<li>
						<p class="step">第二步</p>
						<p class="text">设计师根据房型、面积、当下时尚风向等信息进行独家定制设计；</p>
					</li>
					<li>
						<p class="step">第三步</p>
						<p class="text">公司施工队按设计标准装修；</p>
					</li>
					<li>
						<p class="step">第四步</p>
						<p class="text">门店开业，公司全程代管理、运营</p>
					</li>
					<li>
						<p class="text">房东无需操心，每月坐享固定收益。</p>
					</li>
				</ul>
			</div>
			<div class="join_item company fl">
				<h4 class="name">针对加盟商</h4>
				<ul class="list_join">
					<li>
						<p class="step">第一步</p>
						<p class="text">签订租房合同、交付保证金(合作到期后退还)；</p>
					</li>
					<li>
						<p class="step">第二步</p>
						<p class="text">公司辅助选址找房、办理相关租房手续；</p>
					</li>
					<li>
						<p class="step">第三步</p>
						<p class="text">设计师根据房型、面积、当下时尚风向等信息进行独家定制设计；</p>
					</li>
					<li>
						<p class="step">第四步</p>
						<p class="text">公司施工队按设计标准装修；</p>
					</li>
					<li>
						<p class="step">第五步</p>
						<p class="text">门店开业，公司全程代管理、运营</p>
					</li>
					<li>
						<p class="text">加盟商无需操心，每月坐享门店收益，营业额直达加盟商账户。</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 加盟装修案例 -->
	<div class="join_case">
		<div class="title_l">
			<h2 class="h2">加盟装修案例<i></i></h2>
		</div>
		<div class="common_width">
			<div class="img">
				<img src="img/banner-i.jpg" alt="" >
			</div>
			<div id="Case" class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="#"><img src="img/about-ms2.jpg" alt="" ></a>
					</div>
					<div class="swiper-slide"><a href="#"><img src="img/about-ms2.jpg" alt="" ></a></div>
					<div class="swiper-slide"><a href="#"><img src="img/about-ms2.jpg" alt="" ></a></div>
					<div class="swiper-slide"><a href="#"><img src="img/about-ms2.jpg" alt="" ></a></div>
					<div class="swiper-slide"><a href="#"><img src="img/about-ms2.jpg" alt="" ></a></div>
				</div>
				<!-- Add Arrows -->
				<div class="swiper-button-next swiper-button-white"></div>
				<div class="swiper-button-prev swiper-button-white"></div>
			</div>
		</div>
	</div>
	<!-- 留言 -->
	<div class="letter common_width">
		<div class="step clearfix">
			<p class="step_1">轻松创业<span class="oswald"> 4 </span>步走</p>
			<p class="step_2">
				1.访问yaoli.comi <i></i>
				2.找项目 <i></i>
				3.留言咨询 <i></i>
				4.成功合作
			</p>
		</div>
		<div class="letter_form clearfix">
			<div class="form">
				<div class="item">
					<span class="head"><i title="必填项">*</i>姓名</span>
					<input type="text" placeholder="请输入您的姓名" name="" id="letterName" value="" />
					<div class="sex text_unsel">
						<span class="active">先生</span>
						<span>女士</span>
					</div>
				</div>
				<div class="item">
					<span class="head"><i title="必填项">*</i>手机</span>
					<input type="text" placeholder="请输入您的手机" name="" id="letterPhone" value="" />
				</div>
				<div class="item">
					<span class="head">微信</span>
					<input type="text" placeholder="手机无法联系时使用" name="" id="letterVx" value="" />
				</div>
				<div class="item">
					<span class="head">留言</span>
					<textarea rows="4" placeholder="我想加盟尧里民宿，请给我介绍一下具体情况"></textarea>
				</div>
				<div class="item checkread text_unsel">
					我已阅读并同意<a href="#">《尧里网服务条款》</a>
				</div>
				<div class="item">
					<a class="submit" href="javascript:void(0);">提交</a>
				</div>
			</div>
			<div class="quick_msg">
				<h4>请填写留言或根据意向选择下列快捷留言</h4>
				<ul class="list_quick">
					<li>请问我所在的区域有加盟商吗？</li>					<li>我想了解尧里民宿加盟费多少？</li>					<li>请问尧里民宿加盟电话多少？</li>					<li>请问尧里民宿门店有多少家？</li>					<li>请问尧里民宿加盟有哪些支持？</li>					<li>请问加盟尧里民宿有什么要求？</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 联系我们 -->
	<div class="link_number">
		<div class="title_l">
			<h2 class="h2">联系我们<i></i></h2>
		</div>
		<div class="link_text">
			<span class="icon"></span>
			<span class="text">联系电话</span>
			<span class="num oswald">15655428307</span>
		</div>
	</div>
	
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			if($(window).width() < 900){
				var num = 1
			}else{
				var num = 4
			}
			var caseBanner = new Swiper('#Case', {
				spaceBetween: 30,
				slidesPerView: num,
				autoplay: {
				  delay: 3000,
				  disableOnInteraction: false,
				},
				navigation: {
				  nextEl: '.swiper-button-next',
				  prevEl: '.swiper-button-prev',
				},
			});
			$(".letter_form .sex span").click(function(){
				$(this).addClass("active").siblings().removeClass("active");
			});
			$(".item.checkread").click(function(){
				$(this).toggleClass("checked");
			})
			$(".list_quick li").click(function(){
				$(".letter_form .item textarea").text($(this).text());
			})
		})
	</script>
</body>
</html>
